<template>
  <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">招生管理</el-breadcrumb-item>
      <el-breadcrumb-item>跟踪记录</el-breadcrumb-item>
    </el-breadcrumb>

    <el-card class="box-card">
      <el-row :gutter="40">
        <el-col span="15">
          <el-form :inline="true" :model="querytxt" class="demo-form-inline">
            <el-form-item label="学员姓名：">
              <el-input v-model="querytxt.user"></el-input>
            </el-form-item>
            <el-form-item label="学员意向">
              <el-select v-model="querytxt.region" placeholder="请选择">
                <el-option label="请选择" value="请选择"></el-option>
                <el-option label="无" value="无"></el-option>
                <el-option label="意向强" value="意向强"></el-option>
              </el-select>
              <el-button type="danger">查询</el-button>
            </el-form-item>
          </el-form>
        </el-col>
        <el-col span="4">
          <el-button type="primary">添加学员</el-button>
        </el-col>
      </el-row>
      <el-row class="showdata">
        <el-table :data="tableData" style="width: 100%" stripe border>
          <el-table-column prop="id" label="编号"> </el-table-column>
          <el-table-column prop="theme" label="主题"> </el-table-column>
          <el-table-column prop="name" label="姓名"> </el-table-column>
          <el-table-column prop="context" label="内容"> </el-table-column>
          <el-table-column prop="type" label="意向状态"> </el-table-column>
          <el-table-column prop="principal" label="负责人"> </el-table-column>
          <el-table-column prop="contactTime" label="联系时间"> </el-table-column>
          <el-table-column prop="nextContactTime" label="下次联系时间"> </el-table-column>
          <el-table-column label="操作">
            <template>
              <el-link class="link" type="primary">修改</el-link>
              <el-link class="link" type="danger">删除</el-link>
            </template>
          </el-table-column>
        </el-table>
      </el-row>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      querytxt: "",
      tableData: [
        {
          id: 1001,
          theme:"了解课程大纲",
          name: "张三",
          context: "明天再来",
          type: "意向强",
          principal: "李四",
          contactTime: "2014-1-1",
          nextContactTime: "2014-1-2",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
.box-card {
  margin-top: 10px;
}
.link {
  padding: 3px;
}
.showdata{
  margin-top: 10px;
}
</style>>
